<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>芮欧百货</title>
    <link rel="stylesheet" href="css/tekan.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
</head>
<body>
<div class="swiper-container">
    <div id="slider" class="swiper-wrapper">
        <img class="swiper-slide" src="img/tekan/tkan01.jpg">
        <img class="swiper-slide" src="img/tekan/tkan02.png">
        <img class="swiper-slide" src="img/tekan/tkan03.png">
        <img class="swiper-slide" src="img/tekan/tkan04.png">
    </div>
    <div class="swiper-pagination"></div>

    <button id='seeMore' onclick="window.location='activityDetails.html';">丰富详情</button>

</div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay: 5000,
        pagination: '.swiper-pagination',
        scrollbarDraggable: true,
    });

</script>
</body>
</html>